<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<header class="hender">
			<div class="hender__wrap">
				<div class="hender__logo">
					H5实战页面
				</div>
				<div class="hender__nav">
					<a href="javascript:;" class="hender__nav-item hender__nav-item__first">外观</a>
					<a href="javascript:;" class="hender__nav-item">配置</a>
					<a href="javascript:;" class="hender__nav-item">型号</a>
					<a href="javascript:;" class="hender__nav-item">说明</a>
					<a href="javascript:;" class="hender__nav-item">其他产品</a>
					<a href="javascript:;" class="hender__nav-item hender__nav-item__button">立即购买</a>
				</div>
			</div>
			<div class="screen-1">
				<h2 class="screen-1__title " ><b>慕课手机</b>  让你的生活更精彩</h2>
				<div class="screen-1__phone">
					
				</div>
				<div class="screen-1__shadow">
				</div>
			</div>
			<div class="screen-2">
				<div class="screen-2__title">
					优美的设计，更令人着迷
				</div>
				<div class="screen-2__Subtitle">
					采用受欢迎的设计，让它更加出色。
          <br>款式小巧、轻便手感更舒适。绚丽高清的显示屏，整个外观显得格外精致。
				</div>
				<div class="screen-2__phone">
					<div class="screen-2__phone__right">
						高清摄像
					</div>
					<div class="screen-2__phone__left screen-2__phone__left__top">
						超薄机身
					</div>
					<div class="screen-2__phone__left screen-2__phone__left__bottom">
						大屏显示
					</div>
				</div>
			</div>
		    <div class="screen-3">
		    	<div class="screen-3__wrap">
		    		<h2 class="screen-3__title">外形小巧，功能强大</h2>
		    		<h3 class="screen-3__Subtitle">采用受欢迎的设计，让它更加出色 <br />款式小巧，轻便手感更舒服，绚丽的高清显示屏，整个外观显得格外精致</h3>
		    		
		    		<div class="screen-3__phone">
		    			
		    		</div>
		    		<div class="screen-3__features">
		    			<div class="screen-3__features__items">
		    				<div class="screen-3__features__items__number">
		    					5.7
		    				</div>
		    				<div class="screen-3__features__items__text">
		    					英寸大屏
		    				</div>
		    			</div>
		    			<div class="screen-3__features__items">
		    				<div class="screen-3__features__items__number">
		    					1200
		    				</div>
		    				<div class="screen-3__features__items__text">
		    					万像素
		    				</div>
		    			</div>
		    			<div class="screen-3__features__items">
		    				<div class="screen-3__features__items__number">
		    					3D
		    				</div>
		    				<div class="screen-3__features__items__text">
		    					touch
		    				</div>
		    			</div>
		    			<div class="screen-3__features__items">
		    				<div class="screen-3__features__items__number">
		    					A9
		    				</div>
		    				<div class="screen-3__features__items__text">
		    					处理器
		    				</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="screen-4">
		    	<div class="screen-4__wrap">
		    		<div class="screen-4__title">
		    			丰富的手机型号
		    		</div>
		    		<div class="screen-4__Subtitle">
		    			找到适合你的手机
		    		</div>
		    		<div class="screen-4__features">
		    			<div class="screen-4__features__item screen-4__features__item-1">
		    				<div class="screen-4__features__item-type">
		    					大枣红
		    				</div>
		    				<div class="screen-4__features__item-storage">
		    					16G/32G/64G
		    				</div>
		    			</div>
		    			<div class="screen-4__features__item screen-4__features__item-2">
		    				<div class="screen-4__features__item-type">
		    					土豪金
		    				</div>
		    				<div class="screen-4__features__item-storage">
		    					16G/32G/64G
		    				</div>
		    			</div>
		    			<div class="screen-4__features__item screen-4__features__item-3">
		    				<div class="screen-4__features__item-type">
		    					太空灰
		    				</div>
		    				<div class="screen-4__features__item-storage">
		    					16G/32G/64G
		    				</div>
		    			</div>
		    			<div class="screen-4__features__item screen-4__features__item-4">
		    				<div class="screen-4__features__item-type">
		    					绅士黑
		    				</div>
		    				<div class="screen-4__features__item-storage">
		    					16G/32G/64G
		    				</div>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		    <div class="screen-5">
		    	<div class="screen-5__title">
		    		学习丶游戏丶拍照丶有这一部就够了
		    	</div>
		    	<div class="screen-5__Subtitle">
		    		看视频丶拍摄高清照片丶视频聊天丶一机多用
		    	</div>
		    </div>
		    <div class="screen-5__bg">
		    	
		    </div>
		    <div class="screen-6">
		    	<div class="screen-6__button">
		    		立即购买
		    	</div>
		    	
		    </div>
		    <footer class="footer">
		    	@2016 imocc.com
		    </footer>
		</header>
	</body>
	<script src="js/animate.js" type="text/javascript" charset="utf-8"></script>
</html>
